var li =document.querySelectorAll(".xuan-1 > ul > li");
var xuan = document.querySelectorAll(".xuan-2 > div");



for (var i = 0; i < li.length; i++){
    li[i].index = i;
    li[i].addEventListener('mouseover',function(){
        for (var j = 0;j < li.length;j++){
            li[j].classList.remove('active');
            xuan[j].classList.remove('wh');
        }
        this.classList.add('active');
        xuan[this.index].classList.add('wh');
    })
}